.background {
    -light-black: rgb(74, 75, 78);
    -dark-highlight: rgb(87, 89, 92);
    -dark-black: rgb(39, 40, 40);
    -darkest-black: rgb(5, 5, 5);
    -mid-gray: rgb(216, 222, 227);
    -fx-background-color: rgb(104, 105, 108);
    /*-fx-background-color: gainsboro;*/
    /*-fx-background-color: white;*/
}

/* ------------------------------ top-toolbar -------------------------------*/
.top-toolbar {
    -fx-base: -dark-black;
    -fx-font-size: 12pt;
    /*-fx-spacing: 5;*/
    -fx-padding: 4 4 4 4;
    -fx-background-color:
        linear-gradient(to bottom, derive(-fx-base,-30%), derive(-fx-base,-60%)),
        linear-gradient(to bottom, -light-black 2%, -dark-black 98%);
    -fx-background-insets: 0, 0 0 1 0;
    -fx-effect: dropshadow(two-pass-box,black,5,.2,0,0);
}

.top-toolbar .button {
    -fx-font: bold 12pt "Amble Cn";
    -fx-text-fill: white;
    -fx-background-color:
        -darkest-black,
        -dark-highlight,
        linear-gradient(to bottom, -light-black 2%, -dark-black 98%);
    -fx-background-insets: 0, 1 1 1 0, 2 1 1 1;
    -fx-background-radius: 0;
    -fx-padding: 0.4em 1.833333em 0.4em 1.833333em;
}

.top-toolbar .button.first {
    -fx-background-insets: 0, 1, 2 1 1 1;
    -fx-background-radius: 3 0 0 3, 2 0 0 2, 2 0 0 2;
}

.top-toolbar .button.last {
    -fx-background-insets: 0, 1 1 1 0, 2 1 1 1;
    -fx-background-radius: 0 3 3 0, 0 2 2 0, 0 2 2 0;
}

.top-toolbar .button:pressed {
    -fx-background-color:
        -darkest-black,
        rgb(55, 57, 58),
        linear-gradient(to top, -light-black 2%, -dark-black 98%);
}

.bottom-toolbar {
    -fx-background-color: rgb(216, 222, 227);
    -fx-font: bold 11pt "Amble Cn";
}

/* ------------------------------ split-pane -------------------------------*/
.split-pane {
    -fx-background-color: null;
    -fx-border-color: null;
    /*-fx-padding:2px;*/
}

.split-pane:horizontal > * > .split-pane-divider {
    -fx-border-radius: 0;
    -fx-background-color: transparent, derive(#555555,80%);
    -fx-border-color: null;
    -fx-padding: 1px;
}

.split-pane:vertical > * > .split-pane-divider {
    -fx-border-radius: 0;
    -fx-background-color: transparent, derive(#555555,80%);
    -fx-border-color: null;
    -fx-padding: 1px;
}

/* ------------------------------ tree-view ----------------------------------*/
.tree-view {
    -fx-padding: 1;
    /*-fx-background-color: gainsboro;*/
    /*    -fx-background-color: rgb(209, 216, 224);*/
    /*-fx-background-color: rgb(216, 222, 227);*/
    -fx-background-color: rgb(209, 216, 224);
    -fx-background-insets: 0,1;
}

.tree-cell {
    -fx-font: 12pt "Amble Cn";
    /*-fx-background-color: gainsboro;*/
    -fx-background-color: rgb(209, 216, 224);
    -fx-cell-size: 24;
    -fx-indent: 30;
    -fx-padding: 10;
    -fx-text-fill: black;
}

.tree-cell:filled:selected {
    -fx-background-color: steelblue;
    -fx-text-fill: white;
}


/* ------------------------------ scroll-bar ---------------------------------*/
/* The main scrollbar **track** CSS class  */
.scroll-bar:horizontal .track,
.scroll-bar:vertical .track{
	-fx-background-color:transparent;
	-fx-border-color:transparent;
	-fx-background-radius: 0em;
	-fx-border-radius:2em;
}

 /*The increment and decrement button CSS class of scrollbar*/
.scroll-bar:horizontal .increment-button ,
.scroll-bar:horizontal .decrement-button {
    -fx-background-color:transparent;
	-fx-background-radius: 0em;
	-fx-padding:0 0 10 0;

}

 /*The increment and decrement button CSS class of scrollbar*/ 
.scroll-bar:vertical .increment-button ,
.scroll-bar:vertical .decrement-button {

    -fx-background-color:transparent;
	-fx-background-radius: 0em;
	-fx-padding:0 10 0 0;

}

.scroll-bar .increment-arrow,
.scroll-bar .decrement-arrow{
	-fx-shape: " ";	
	-fx-padding:0;
}

 /*The main scrollbar **thumb** CSS class which we drag every time (movable)*/ 
.scroll-bar:horizontal .thumb,
.scroll-bar:vertical .thumb {
    -fx-background-color:derive(black,90%);
	-fx-background-insets: 2, 0, 0;
	-fx-background-radius: 2em;

}


/* ------------------------------ table-view ---------------------------------*/
.table-view {
    -fx-background-color: white;
    -fx-table-cell-border-color: transparent;
    -fx-padding:0;
}

.table-view .column-header .label {
    -fx-font-size: 12pt;
    -fx-padding:0;
}

.table-row-cell:empty {
    -fx-background-color: transparent;
}
  
.table-row-cell:empty .table-cell {
    -fx-border-width: 0px;
}

/* ------------------------------ search-text-filed ---------------------------------*/
.search-text-filed {
    -fx-background-image: url("../images/search.png");
    -fx-background-repeat: no-repeat;
    -fx-background-position: left 5px center;
    -fx-background-insets: 0 ,0;
    -fx-background-size: 15,15;
    -fx-background-radius: 10.0,10.0;
    -fx-padding: 0 30 0 30;
}

/* ------------------------------ fileTableViewToolBox ---------------------------------*/
.file-table-view-tool-box {
    -fx-background-color: null;
}

.file-table-view-tool-box .button {
    -fx-font: bold 12pt "Amble Cn";
    -fx-text-fill: white;
    -fx-background-color:
        -darkest-black,
        -dark-highlight,
        linear-gradient(to bottom, -light-black 2%, -dark-black 98%);
    -fx-background-insets: 0, 0 1 1 1, 1 1 1 1;
    -fx-background-radius: 0;
    -fx-padding: 1.833333em 0.4em 1.833333em 0.4em;
}

.file-table-view-tool-box .button.first {
    -fx-background-insets: 0, 1, 2 1 1 1;
    -fx-background-radius: 3 0 0 0, 2 0 0 0, 2 0 0 0;
}

.file-table-view-tool-box .button.last {
    -fx-background-insets: 0, 0 1 1 1, 1 1 1 1;
    -fx-background-radius: 0 0 0 3, 0 0 0 2, 0 0 0 2;
}

.file-table-view-tool-box .button:pressed {
    -fx-background-color:
        -darkest-black,
        rgb(55, 57, 58),
        linear-gradient(to top, -light-black 2%, -dark-black 98%);
}

.fileTransmissionWindow {
    -fx-background-color: rgb(104, 105, 108), white;
    -fx-background-insets: 0 ,1;
    -fx-padding: 20;
    -fx-effect: dropshadow(two-pass-box,black,5,.2,0,0);
}